<template>
  <!-- 使用ToDoHeader、ToDoMain、ToDoFooter -->
</template>

<script setup>
// 局部引入注册ToDoHeader、ToDoMain、ToDoFooter


import { ref, computed } from 'vue'

const status = ref('all')
const list = ref([
  { id: 1, name: '晨练', done: false, },
  { id: 2, name: '练书法', done: true, },
])

//addTodo事件处理方法


//delToDo事件处理方法

// 计算剩下没有完成任务的条数

//在 App 组件中定义计算属性，计算未完成的任务条数


//在 App 组件中通过不同的 status 展示不同的任务，实现任务数据的切换


//定义 updateStatus()方法，用来更新状态


</script>
